<template>
    <div>
        <div class="head-hotel">
            <a href="##" class="hotel-enter" @click="goUrlenter()">立即登录</a>
            <a href="##" @click="goUrllogin()">注册</a>
        </div>
        <div class="hotel-logo">
            <img src="../assets/images/logo.png" height="90" width="175"/>
            <gohome class="Home"></gohome>
            <goPreviousPage class="Home"></goPreviousPage>
        </div>

    </div>
</template>

<script>
    import gohome from "@/components/GoHome/gohome";
    import goPreviousPage from "@/components/goPreviousPage/goPreviousPage";
    export default {
        name: "Headgo",
        components:{gohome,goPreviousPage},
        methods:{
            goUrlenter(){
                this.$router.push({path: '/enter'})
            },
            goUrllogin(){
                this.$router.push({path:'/login'})
            }
        }
    }
</script>

<style scoped>
    .head-hotel{
        height: 40px;
    }
    .head-hotel a{
        font-size: 10px;
        text-decoration: none;
    }
    .hotel-enter {
        display: inline-block;
        margin: 15px 20px 0 400px;
        color:#069cd2;
    }
    .hotel-logo{
        height: 100px;
        background: #003153;
        box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);
    }
    .hotel-logo img{
        margin-left: 150px;
    }
    .Home{
        float: right;
        margin-right: 160px;
        margin-top: 30px;
    }
</style>